body{
    padding: 0;
    margin: 0;
}
@function toRem($px){
    @return($px/375)*100vw
}
.top-header{
    width: 100%;
    height:toRem(60);
    line-height: toRem(60);
    display: flex;
    align-items: center;
        }
.top-header-top{
    position: fixed;
    top:0
}
.top-header-bottom{
    position: fixed;
    bottom: 0;
}
.top-header-bgc-light,.top-header-desc-light,.top-header-title-light{
background-color:#e4e0e000;
}
.top-header-logo{
    width: toRem(40);
    height: toRem(36);
    margin:0 toRem(10) 0 toRem(20);
    background-image:url('http://img1.cache.netease.com/utf8/3g/newsapp/images/new-logo.png');
    background-size:contain ;
    background-repeat: no-repeat;
    display: inline-block;
    align-items: center;
}
.top-header-box{
    flex: 1;
    text-align: left;
    font-size: toRem(14);
}
.box-title{
    color: white;
    height: toRem(20);
    line-height: toRem(20);
}
.box-desc{
    color:white;
    height: toRem(20);
    line-height: toRem(20);
}
.top-header-bgc-dark{
    background-color:rgba(59, 60, 61, 0.795);
}

.top-header-button{
        width: toRem(49);
        height: toRem(27);
        background-color:red;
        text-align: center;
        line-height: toRem(27);
        color:  white;
        font-size: toRem(14);
        border-radius: toRem(10);
        margin-right: toRem(30);
        
}

